<ion-view view-title="宿舍管理">
    <ion-nav-buttons side="right">
        <a class="button button-clear" on-tap="vm.collect.logout()">退出</a>
    </ion-nav-buttons>
    <ion-content class="tab-background">
        <div class="sel">

            <select ng-model="vm.collect.selected"
                    ng-change="vm.collect.Changed()"
                    ng-options="r.departName for r in vm.collect.List" class="first_select">

            </select>

        </div>
        <div class="main" id="kcw">
            <div class="chart" style="height: 360px">
                <div class="tjt" style="height: 360px">
                    <div id="kcw1" style="border-bottom: 1px solid #e6e6e6;height: 350px;">

                    </div>
                </div>

            </div>

            <a class="qk" ng-repeat="x in vm.collect.dormStat"   on-tap="vm.collect.getDormId(x.dormId,x.dormName)">
                <div class="xq">{{x.dormName}}详情</div>
                <div class="xq-info">
                    <div class="kuai">
                        <div class="kuai-num">{{x.dormAllBedCount}}个</div>
                        <div class="kuai-tile">共有床位</div>
                    </div>
                    <div class="kuai">
                        <div class="kuai-num">{{x.dormFreeCount}}个</div>
                        <div class="kuai-tile">空置床位</div>
                    </div>
                    <div class="kuai">
                        <div class="kuai-num">{{((x.dormFreeCount/x.dormAllBedCount)*100).toFixed(1)}}%</div>
                        <div class="kuai-tile">空置率</div>
                    </div>
                </div>
            </a>
        </div>

    </ion-content>
</ion-view>